<!DOCTYPE html>
<html>
    <style>
        .main_cnt{
            margin: 0 auto;
            width: 400px;
        }

        .input_cnt{
            padding-left: 2px;
            font-size: 14px;
            color: #111;
        }

        li{
            list-style: none;
            height: 35px;
        }

        label {
            width: 100px;
            display: inline-block;
            text-align: right;
        }

        input[type="button"]{
            margin-left: 200px;
        }

    </style>
    <h2 style="text-align: center;">请输入注册信息</h2>

    <div class="main_cnt">
        <ul>
            <li>
                <label>登录名：</label>
                <input id="login_name" class="input_cnt" type="text" maxlength="50" validate="minlength:6" title="请输入注册登录名，最小6位">
            </li>
            <li>
                <label>密码：</label>
                <input id="password" class="input_cnt" type="password"/>
            </li>
            <li>
                <label>确认密码：</label>
                <input id="password_again" class="input_cnt" type="password"/>
            </li>
            <li>
                <label>真实姓名：</label>
                <input id="true_name" class="input_cnt" type="text"/>
            </li>
            <li>
                <label>性别：</label>
                <select id="gender" class="input_cnt">
                    <option>---请选择---</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
            </li>
            <li>
                <label>出生日期：</label>
                <input class="input_cnt"/>
            </li>
            <li>
                <label>职业：</label>
                <input id="career" class="input_cnt" type="text"/>
            </li>
        </ul>
        <input id="submit_btn" type="button" value="提交"/>
    </div>
</html>